
// 获取DOM元素
const selectAllCheckbox = document.getElementById('selectAll');
const itemCheckboxes = document.querySelectorAll('.item');

// 总复选框控制子复选框
selectAllCheckbox.addEventListener('change', function () {
    const isChecked = this.checked;
    itemCheckboxes.forEach(checkbox => {
        checkbox.checked = isChecked;
    });
});

// 子复选框控制总复选框
itemCheckboxes.forEach(checkbox => {
    checkbox.addEventListener('change', function () {
        // 检查所有子复选框是否都被选中
        const allChecked = Array.from(itemCheckboxes).every(chk => chk.checked);
        selectAllCheckbox.checked = allChecked;

        // 可选：实现半选状态（部分选中时总复选框显示为不确定状态）
        const someChecked = Array.from(itemCheckboxes).some(chk => chk.checked);
        if (someChecked && !allChecked) {
            selectAllCheckbox.indeterminate = true;
        } else {
            selectAllCheckbox.indeterminate = false;
        }
    });
});
